<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <svg width="1200" height="600" style="box-shadow: 0px 0px 25px black">
      <!-- 画线段 -->
      <line x1="100" y1="100" x2="200" y2="200" stroke="#000"></line>
      <line x1="200" y1="200" x2="300" y2="100" stroke="#000"></line>
      <line x1="300" y1="100" x2="100" y2="100" stroke="#000"></line>
      <!-- 画折线 -->
      <polyline
        points="100 250, 200 350, 300 250"
        fill-opacity="0.5"
        stroke="#000"
      />
      <!-- 画矩形 -->
      <rect
        x="300"
        y="300"
        width="100"
        height="100"
        fill-opacity="0.3"
        fill="plum"
        stroke="plum"
      ></rect>
    </svg>
  </body>
</html>
